const path = require("path"); // nodejs核心模块，专门用来处理路径问题
const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
    target: ['web', 'es5'],
    mode: 'development',
    // 入口
    entry: {
        index: path.resolve(__dirname, "./src/main.js")
    }, // 相对路径
    // 输出
    output: {
        // 所有文件的输出路径
        // 开发模式没有输出
        // 入口文件打包输出文件名
        filename: "[name].[contenthash].js",
    },
    devtool: 'source-map',
    /*     resolve: {
            alias: {
                '@': path.resolve(__dirname, './src')
            },
            extensions: ['js']
        }, */
    module: {
        rules: [{
            test: /\.js$/,
            use: [{
                loader: "babel-loader",
            }],
            exclude: '/node_modules/',
        }],
    },

    plugins: [new HtmlWebpackPlugin({
        template: path.resolve(__dirname, "./src/index.html"),
        filename: 'index.html'
    })],
    devServer: {
        port: '9875',
        open: true,
        host: 'localhost'
    }
}